import React, { Component } from "react";
import { Layout, Menu, Icon } from "antd";
import Leftnav from "../../components/Leftnav/leftnav.jsx";
import "./css/index.css";
const { Header, Footer, Sider, Content } = Layout;
export default class admin extends Component {
  state = {
    collapsed: false,
  };

  toggle = () => {
    this.setState({
      collapsed: !this.state.collapsed,
    });
  };
  render() {
    return (
      <Layout>
          <Leftnav collapsed={this.state.collapsed}/>
        <Layout>
          <Header style={{ background: "#fff", padding: 0 }}>
            <Icon
              className="trigger"
              type={this.state.collapsed ? "menu-unfold" : "menu-fold"}
              onClick={this.toggle}
            />
          </Header>
          <Content
            style={{
              margin: "24px 16px",
              padding: 24,
              background: "#fff",
              minHeight: 280,
            }}
          >
            Content
          </Content>
        </Layout>
      </Layout>
    );
  }
}
